@CHARSET "ISO-8859-1";

/* ----------------------General---------------------- */

table
{
	border-collapse:collapse;
}


.right
{
	float:right;
}

html, body
{
	height:98.5%;
	//background-image: linear-gradient(to right, #FFD700 0%, #F5F50C 20%, #F3FF4D 90%, #0000FF 100%);
	font-family:Georgia;
	font-size:16px;
	color:black;
	text-shadow: -2px 0 none, 0 1px none, 1px 0 none, 0 -1px none;
	
}

#page
{
	border:0px solid green; 
	width:100%;	
	height:100%;	
	outline: 0px solid black;
}

.content
{
	height:100%;
	width:95%;
	border:0px solid black; 
	padding-left:100px;
}

div.scroll
{
	width:100%;
	height:450px;
	overflow-y:scroll;
}

.round
{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border:5px solid orange;
background:gold;
}


.round2
{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border:5px solid orange;
padding:10px;
}

.round2Profile
{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border:5px solid orange;
padding:10px;
height:90%;
margin:5px;

}

.round2Inventory
{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border:5px solid orange;
padding:10px;
height:400px;
width:90%;
}

.round3
{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border:1px dotted orange;
padding:5px;
}

input[type="button"]:hover
{
	border-width:4px;
	background:yellow;
	border-radius: 20px;
}


input[type="text"]:disabled
{
	background:#dddddd;
}

input[type="button"]:enabled
{
	border-width:4px;
	border-style:outset;
	border-color:black;
	border-radius: 20px;
}

input[type="button"]:disabled
{
	border-width:3px;
	border-style:inset;
	background:#dddddd;
	border-radius: 20px;
}

input[type="submit"]:enabled
{
	border-width:4px;
	border-style:outset;
	border-color:black;
	border-radius: 20px;
}

input[type="submit"]:disabled
{
	border-width:3px;
	border-style:inset;
	background:#dddddd;
	border-radius: 20px;
}

input[type="submit"]:enabled:hover
{
	border-width:4px;
	background:yellow;
	border-radius: 20px;
}

th
{
	color:orange;
}

.red
{
	color:red;
}

/*---------------------Menu Button--------------------------*/

.fixed
{
  min-width:60px;
  max-width:60px;
}

.btn {
  background: #080808;
  background-image: -webkit-linear-gradient(top, #080808, #808080);
  background-image: -moz-linear-gradient(top, #080808, #808080);
  background-image: -ms-linear-gradient(top, #080808, #808080);
  background-image: -o-linear-gradient(top, #080808, #808080);
  background-image: linear-gradient(to bottom, #080808, #808080);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  //text-shadow: 2px 2px 1px #f0cc16;
  -webkit-box-shadow: 0px 1px 3px #f58a08;
  -moz-box-shadow: 0px 1px 3px #f58a08;
  box-shadow: 0px 1px 3px #f58a08;
  font-family: Georgia;
  color: #FFFF66;
  font-size: 18px;
  padding: 5px 10px 5px 10px;
  border: solid #FFFF66 2px;
  text-decoration: none;
}

.btn:hover {
  background: #b0a420;
  background-image: -webkit-linear-gradient(top, #b0a420, #808080);
  background-image: -moz-linear-gradient(top, #b0a420, #808080);
  background-image: -ms-linear-gradient(top, #b0a420, #808080);
  background-image: -o-linear-gradient(top, #b0a420, #808080);
  background-image: linear-gradient(to bottom, #b0a420, #808080);
  text-decoration: underline;
  
}

.btn-block
{
	width:80px;
}

/*------------------------background-------------------------*/
#bgcolor {
background-color: gray
}


#bgcolor2 {
background-color: #FFE741;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFE741), color-stop(.5,#FFFAB7));
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFAB7 50%, #FFE741 100%);
}

#bgcolor3 {
background-color: #080808;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#080808), color-stop(.5,#FFFF66));
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFF66 50%, #080808 100%);
}

#bgcolor4 {
background-color: #FFA500;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFA500), color-stop(.5,#FFFF66));
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFF66 50%, #FFA500 100%);
}

#bgcolor1 {
background-color: white;
}


/* ----------------------header.tpl---------------------- */

/*#bgcolor
{
	background-color:gray   ;
	
}*/

#logo
{
font-family: Garamond, serif;
line-height: 1em;
color: #f2da05;
font-weight:bold;
font-size: 50px;
text-shadow:0px 0px 0 rgb(218,194,-19),1px 1px 0 rgb(203,179,-34),2px 2px 0 rgb(189,165,-48),3px 3px 0 rgb(174,150,-63),4px 4px 0 rgb(160,136,-77),5px 5px 0 rgb(145,121,-92), 6px 6px 0 rgb(131,107,-106),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);
}

#headerTable
{
	width:100%;
	font-size:18px;
	font-weight:bold;	
}


/* ----------------------menu.tpl---------------------- */

#menu
{
	//border:1px solid black; 
	text-align:center;
	height:100%;
	width:13%;
	vertical-align:top;
	
}


.menuStyle
{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border:5px solid orange;


}

#menuTable
{
	text-align:center;
	border:0px solid black;
	width:100%;
	height:450px;

	
	
}

/* ----------------------supplier---------------------- */

#supplier_table
{
	width:100%; 
	text-align:center
}

#supplier_table th
{
	border:0px solid black; 
	font-size:25px;
	width:50%; 
}

#supplier_table td
{
	border:0px solid black; 
	width:50%; 
}


/* ----------------------notification---------------------- */


.notification_left_col
{
	width:30%;
	border:0px solid black; 
	text-align:center;
}

.notification_center_col
{
	width:50%;
	border:0px solid black; 
	text-align:center;
}

.notification_right_col
{
	width:20%;
	border:0px solid black; 
}


/* ----------------------inventory---------------------- */

#inventory_table
{
	width:100%;
	text-align:center;
	border:0px solid black;
}

#inventory_table td
{
	text-align:center;
	border:0px solid black;
}

#inventory_table th
{
	text-align:center;
	border:0px solid black; 
	text-decoration: underline; 
}

.inventory_table_id_col
{
	width:10%;
}

.inventory_table_item_col
{
	width:20%;
}

.inventory_table_desc_col
{
	width:50%;
}

.inventory_table_qty_col
{
	width:20%;
}

/* ----------------------Appointment.tpl---------------------- */

#procedure_table
{
	width:100%;
 	text-align:center;
}


#procedure_table th
{
	text-align:center;
	border:0px solid black; 
	text-decoration: underline; 
}

#calendar_table
{
	border:0px solid black; 
	width:100%;
	height:100%;
}

#calendar_table th
{
	text-align:center;
	border:0px solid transparent; 
	text-decoration: underline; 
	width:12.5%;
}


#calendar_header_table
{
	 width:98%;
	 text-align:center;
	 border:0px solid black;
	 
}

#calendar_header_table th
{
	text-decoration: none;
	border:0px solid black;
    width:60px;
}

#calendar_header_table td
{
	text-decoration:none;
	border:0px solid black;
    width:14%;
    
}



.cell
{
	text-align:center;
	border:1px solid black; 
    
	width:100%;
	height:20px;	
}

.subTable
{
	border:1px solid transparent; 
	width:100%;
}

#timeCol
{
	border:1px solid transparent; 
	text-align:center;
	text-decoration: underline;
	font-weight:bold;
	height:100%;
}

.timeColCell
{
	border:1px solid black;
	width:20px;
	height:20px;
}

#procedure_table td
{
	text-align:center;
	border:2px solid gold;
	padding:2px;
}

/* ----------------------procedure.tpl---------------------- */

#procTable th
{
	border:0px solid yellow;
}

#procTable input[type="text"]
{
	width:95%;
}

#itemTable
{
	width:100%;
}

#itemTable td
{
	border:0px solid black;
	text-align:center;
}



/* ----------------------footer.tpl---------------------- */

#footer
{
	text-align:center; 
	width:100%;
}